{% extends "base.html" %}
{% load charts %}


{% block section_title %} {{ p }} {% endblock %}

{% block content %}

<div class="grid_12" id="content">
    
    <h3>{{p}}</h3>
    
    <div class="grid_6 alpha">
        <p>
            <strong>Address:</strong> {{p.address}}<br />
            <strong>Address order:</strong> {{p.address_order}}<br />
            <strong>Legal status:</strong> {{p.get_legal_status_display}}<br />
            <strong>Latin name:</strong> <a href="{% url species_detail p.specie.id %}">{{p.specie.latin_name}}</a><br />
            <strong>Common name:</strong> <a href="{% url species_detail p.specie.id %}">{{p.specie.common_name}}</a><br />
            <strong>Site type:</strong> {{p.get_site_type_display}}<br />
            <strong>Plant type:</strong> {{p.get_plant_type_display}}<br />
            <strong>Diameter:</strong> {{p.dbh}}"<br />                
            <strong>Caretaker:</strong> {{p.get_caretaker_display}}<br />                
            <strong>Planting date:</strong> {% if p.planting_date %}{{p.planting_date}}{%else%}Unknown{% endif %}<br />
            <strong>Plot size:</strong> {{p.plot_size_o}}<br />        
            <strong>Permit notes:</strong> {{p.permit_notes}}<br />                
            <strong>Coordinates:</strong> X: {{p.xcoord_o}} Y: {{p.ycoord_o}}<br />                
        </p>

		<p id="rx">
			<a href="{% url plant_rx p.id %}">This tree needs help!</a>
		</p>

    </div>

    <div class="grid_6 omega">

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=+{{address_string}},+san+francisco,+ca&amp;ie=UTF8&amp;hq=&amp;hnear={{address_string}},+San+Francisco,+California;z=16&amp;iwloc=near&amp;output=embed"></iframe><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=+{{address_string}},+san+francisco,+ca&amp;ie=UTF8&amp;hq=&amp;hnear={{address_string}},+San+Francisco,+California&amp;z=16" style="color:#0000FF;text-align:left">View Larger Map</a></small>

    </div>

	<div class="clear"></div>

    


    
    <p>     
        <img src="{{MEDIA_URL}}img/dummy_tree.jpg" width="400" align="left" hspace="6"> 
    </p>    
    
    <p>Number of <a href="{% url species_detail p.specie.id %}">{{p.specie.latin_name}}</a> in San Francisco: {{p.specie.lastcount}}</p>
    
	<div class="clear"></div>
	

</div>
<!-- end .grid_9 -->

    
{% endblock %}



